<!-- @author zhengjie -->
<template>
    <div class="">
        <el-table :data="tableData" class="zt-min-table" :empty-text="'暂无数据'" height="370px">
            <el-table-column type="selection" />
            <el-table-column label="电台ID" align="center" prop="radioStationId" />
            <el-table-column label="电台名称" align="center" prop="radioStationName" width="120" show-overflow-tooltip />
            <el-table-column label="电台模式" align="center" prop="radioStationCode" empty-text="-" />
            <el-table-column label="状态" align="center" prop="status">
                <template slot-scope="scope">
                    <span v-show="scope.row.status == 0" style="color: #9A9DAA;">空闲</span>
                    <span v-show="scope.row.status == 1" style="color: #CD6868;">离线</span>
                    <span v-show="scope.row.status == 2" style="color: #FABD68;">接收</span>
                    <span v-show="scope.row.status == 3" style="color: #74C8CE;">发送</span>
                </template>
            </el-table-column>
            <!-- <el-table-column label="电台名称" align="center" prop="radioStationName" width="150" />
            <el-table-column label="电台类型" align="center" prop="radioStationType" />
            <el-table-column label="软件版本号" align="center" prop="softwareVersion" width="90" />
            <el-table-column label="硬件版本号" align="center" prop="hardwareVersion" width="90" />
            <el-table-column label="电台GPS" align="center" prop="radioStationGps" width="180" />
            <el-table-column label="搭载类型" align="center" prop="carryType" /> -->

            <!-- <el-table-column label="所属单位" align="center" prop="unit" />
            <el-table-column label="地址" align="center" prop="address" />
            <el-table-column label="天线ID" align="center" prop="antennaId" />
            <el-table-column label="状态" align="center" prop="isNet" />
            <el-table-column label="状态" align="center" prop="status" /> -->
            <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
            <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
                <template slot-scope="scope">
                    <img src="@/assets/images/amend.png"
                        class="icon-img"
                        @click="handleUpdate(scope.row)" />
                    <img src="@/assets/images/delete-bin2.png"
                        class="icon-img"
                        @click="handleDelete(scope.row)" />
                    <img src="@/assets/images/xs.png" @click="handleDetails(scope.row)"
                        class="icon-img" />
                    <img src="@/assets/images/st.png" style="width: 20px;height: 20px;cursor: pointer;" />
                </template>
            </el-table-column> -->
        </el-table>

    </div>
</template>

<script>
export default {
    name: 'RightDialog',
    props: {
        tableData: {
            type: Array,
        },
        visible: {
            type: Boolean,
        },
        type: {
            type: Boolean,
        }
    },
    watch: {

    },
    data() {
        return {
            name: '',
            open: false,
        }
    },
    methods: {

    }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.zt-min-table.el-table {
    background-color: #1E273D !important;
    color: #fff;
    height: calc(100vh - 250px);

    //滚动条 
    .el-table__cell.gutter {
        background: #1E273D;
    }


    .el-table__body-wrapper::-webkit-scrollbar {
        width: 6px;
        // margin-right: 20px; /* 将滚动条向右移动20px */
        margin-right: -20px;
        /* 或者使用 right: -20px; */
    }


    .el-table__body-wrapper::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #a0a0a0;
    }

    .el-table__body-wrapper::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #1E273D;
    }


    .el-table__body tr {
        color: #9A9DAA;
    }

    .el-table__body tr:hover>td {
        background: none;
    }


    th.is-leaf {
        border-bottom: none;
    }

    // background-color:linear-gradient(to right, #2C334C, #1D2435) !important; 
    th.el-table__cell.is-leaf {
        //表头背景
        background-color: #1E273D;
        color: #767676;
    }


    td.el-table__cell {
        //表格下划线删除
        border-bottom: none;
    }


    .el-table__row {
        background-color: #1E273D;
        /*偶数行的背景颜色*/
    }



    th.el-table__cell {
        background: none;
    }

    // 点击事件
    .click-node.el-table__row td:last-child {
        border-radius: 0 0 0 0;
        z-index: 999;
    }

    .click-node.el-table__row td {
        background-color: #161B27 !important;
    }

    .click-node.el-table__row {
        background-color: #161B27 !important;
    }

    .click-node.el-table__row td:first-child {
        border-radius: 50px 0 0 50px;
        padding: 2px;
        z-index: 999;
        padding-left: 20px;
    }

    .click-node.el-table__row td:last-child {
        border-radius: 0 0px 0px 0;
        z-index: 999;
        padding: 2px;
    }

}
</style>